<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Viewport metatags -->
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<!-- iOS webapp metatags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<!-- iOS webapp icons [DELETED] -->

<!-- CSS Reset -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/reset.css" media="screen" />
<!--  Fluid Grid System -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/fluid.css" media="screen" />
<!-- Theme Stylesheet -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/dandelion.theme.css" media="screen" />
<!--  Main Stylesheet -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/dandelion.css" media="screen" />
<!-- Demo Stylesheet -->
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/css/demo.css" media="screen" />

<!-- jQuery JavaScript File -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery-1.7.2.min.js"></script>

<!-- jQuery-UI JavaScript Files -->
<script type="text/javascript" src="#{view.base}/web-files/jui/js/jquery-ui-1.8.20.min.js"></script>
<script type="text/javascript" src="#{view.base}/web-files/jui/js/jquery.ui.timepicker.min.js"></script>
<script type="text/javascript" src="#{view.base}/web-files/jui/js/jquery.ui.touch-punch.min.js"></script>
<link rel="stylesheet" type="text/css" href="#{view.base}/web-files/jui/css/jquery.ui.all.css" media="screen" />

<!-- Plugin Files -->

<!-- FileInput Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.fileinput.js"></script>
<!-- Placeholder Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.placeholder.js"></script>
<!-- Mousewheel Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.mousewheel.min.js"></script>
<!-- Scrollbar Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.tinyscrollbar.min.js"></script>
<!-- Tooltips Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/tipsy/jquery.tipsy-min.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/tipsy/tipsy.css" />

<!-- Validation Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/validate/jquery.validate.js"></script>

<!-- Statistic Plugin JavaScript Files (requires metadata and excanvas for IE) -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.metadata.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="#{view.base}/web-files/js/excanvas.js"></script>
<![endif]-->
<script type="text/javascript" src="#{view.base}/web-files/js/core/plugins/dandelion.circularstat.min.js"></script>

<!-- Wizard Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/js/core/plugins/dandelion.wizard.min.js"></script>

<!-- Spinner Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/jui/js/jquery.ui.spinner.min.js"></script>

<!-- Chosen Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/chosen/chosen.css" media="screen" />

<!-- Picklist Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/js/core/plugins/picklist/jquery.picklist.min.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/js/core/plugins/picklist/jquery.picklist.css" media="screen" />

<!-- Colorpicker Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/colorpicker/colorpicker.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/colorpicker/colorpicker.css" media="screen" />

<!-- elRTE Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/elrte/js/elrte.min.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/elrte/css/elrte.css" media="screen" />

<!-- elFinder Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/elfinder/js/elfinder.min.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/elfinder/css/elfinder.css" media="screen" />

<!-- Demo JavaScript Files -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/elastic/jquery.elastic.min.js"></script>
<script type="text/javascript" src="#{view.base}/web-files/js/demo/demo.form.js"></script>

<!-- Fullcalendar Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/fullcalendar/fullcalendar.min.js"></script>
<script type="text/javascript" src="#{view.base}/web-files/plugins/fullcalendar/gcal.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/fullcalendar/fullcalendar.css" media="screen" />
<link rel="stylesheet" href="#{view.base}/web-files/plugins/fullcalendar/fullcalendar.print.css" media="print" />

<!-- jGrowl Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/jgrowl/jquery.jgrowl.min.js"></script>
<link rel="stylesheet" href="#{view.base}/web-files/plugins/jgrowl/jquery.jgrowl.css" media="screen" />

<!-- DataTables Plugin -->
<script type="text/javascript" src="#{view.base}/web-files/plugins/datatables/jquery.dataTables.min.js"></script>

<!-- Load Google Chart Plugin -- >
<script type="text/javascript" src="https://www.google.com/jsapi"></script> <!--  -->
<script type="text/javascript" src="#{view.base}/web-files/js/jsapi.js"></script>
<script type="text/javascript">
	// Load the Visualization API and the piechart package.
	google.load('visualization', '1.0', {'packages':['corechart']});
</script>
<!-- Debounced resize script for preventing to many window.resize events
      Recommended for Google Charts to perform optimally when resizing -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.debouncedresize.js"></script>

<!-- Core JavaScript Files -->
<script type="text/javascript" src="#{view.base}/web-files/js/core/dandelion.core.js"></script>

<!-- Customizer JavaScript File (remove if not needed) -->
<script type="text/javascript" src="#{view.base}/web-files/js/core/dandelion.customizer.js"></script>

<!-- APP Functions -->
<script type="text/javascript" src="#{view.base}/web-files/js/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript" src="#{view.base}/web-files/js/app.js"></script>

<script type="text/javascript">

(function(a){
	a(document).ready(function(c){

		// Grafico circular(home)
		a(".da-circular-stat").daCircularStat();

		// Growl messages
		var msgs = new Array( "#{view.msgs.growl}" );
		if( a.jGrowl && (msgs.length > 0) && (msgs[0] != "") ){
			for(i = 0; i<msgs.length; i++)
				a.jGrowl( msgs[i], {header:"Aviso!", sticky:true, position:"bottom-right"} );
		}

		// Radio buttons e checkboxes personalizados
		a("#da-ex-buttons-radio, #da-ex-buttons-checkbox").buttonset();

		// Máscaras de entrada
		a(".cep").mask("99.999-999");
		a(".cpf").mask("999.999.999-99");
		a(".cnpj").mask("99.999.999/9999-99");
		a(".telefone").mask("(99)9999-9999");
		a(".data-nascimento").mask("99/99/9999");

		// ...
		var anoAtual = "#{view.current.year}";
		a("#da-ex-datepicker.data-nascimento").datepicker({
			/*.*/ changeMonth: true,
			/*.*/ changeYear: true,
		    /*.*/ yearRange: (eval(anoAtual)-120)+':'+anoAtual,
		    /*#*/ showOtherMonths:true
		  });
		a("#da-ex-datepicker").keydown(function(){return false});
		
	})
})(jQuery);

</script>

<title>#{view.title}</title>

</head>

<body>

	<!-- Main Wrapper. Set this to 'fixed' for fixed layout and 'fluid' for fluid layout' -->
	<div id="da-wrapper" class="fluid">
    
        <!-- Header -->
        <div id="da-header">
        
        	<div id="da-header-top">
                
                <!-- Container -->
                <div class="da-container clearfix">
                    
                    <!-- Logo Container. All images put here will be vertically centere -->
                    <div id="da-logo-wrap">
                        <div id="da-logo">
                            <div id="da-logo-img">
                                <a href="#{view.base}">
                                    <img src="#{view.base}/web-files/images/logo.png" alt="Aracon" />
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Header Toolbar Menu -->
                    <div id="da-header-toolbar" class="clearfix">
                        <div id="da-user-profile">
                            <div id="da-user-avatar">
                                <img src="#{view.base}/web-files/images/user.png" alt="" />
                            </div>
                            <!-- Menu do usuário -->
                            <div id="da-user-info">
                                #{view.session.nome}
                                <span class="da-user-title">#{view.session.perfil}</span>
                            </div>
                            <ul class="da-header-dropdown">
                                <li class="da-dropdown-caret">
                                    <span class="caret-outer"></span>
                                    <span class="caret-inner"></span>
                                </li>
                                <li class="da-dropdown-divider"></li>
                                <li><a href="#{view.base}">Início</a></li>
                                <li class="da-dropdown-divider"></li>
                                <li><a href="#">Alterar senha</a></li>
                                <li><a href="#">Perfil</a></li>
                                <li><a href="#">Configurações</a></li>
                            </ul>
                        </div>
                        <div id="da-header-button-container">
                        	<ul>
                        	
                            	<!-- Notifications -- >
                            	<li class="da-header-button notif">
                                	<span class="da-button-count">32</span>
                                	<a href="#">Notificações</a>
                                    <ul class="da-header-dropdown">
                                        <li class="da-dropdown-caret">
                                            <span class="caret-outer"></span>
                                            <span class="caret-inner"></span>
                                        </li>
                                        <li>
                                        	<span class="da-dropdown-sub-title">Notificações</span>
                                        	<ul class="da-dropdown-sub">
                                                <li class="unread">
                                                    <a href="#">
                                                        <span class="message">
                                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                                        </span>
                                                        <span class="time">
                                                            January 21, 2012
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="read">
                                                    <a href="#">
                                                        <span class="message">
                                                            Lorem ipsum dolor sit amet
                                                        </span>
                                                        <span class="time">
                                                            January 21, 2012
                                                        </span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <a class="da-dropdown-sub-footer">
                                            	Ver todas
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                
                                <!-- Messages -- >
                            	<li class="da-header-button message">
                                	<span class="da-button-count">5</span>
                                	<a href="#">Mensagens</a>
                                    <ul class="da-header-dropdown">
                                        <li class="da-dropdown-caret">
                                            <span class="caret-outer"></span>
                                            <span class="caret-inner"></span>
                                        </li>
                                        <li>
                                        	<span class="da-dropdown-sub-title">Mensagens</span>
                                        	<ul class="da-dropdown-sub">
                                                <li class="unread">
                                                    <a href="#">
                                                        <span class="message">
                                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                                        </span>
                                                        <span class="time">
                                                            January 21, 2012
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="read">
                                                    <a href="#">
                                                        <span class="message">
                                                            Lorem ipsum dolor sit amet
                                                        </span>
                                                        <span class="time">
                                                            January 21, 2012
                                                        </span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <a class="da-dropdown-sub-footer">
                                            	Ver todas
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                
                                <!-- Logout -->
                            	<li class="da-header-button logout">
                                	<a href="#{view.base}/admin/logout">sair</a>
                                </li>
                                
                            </ul>
                        </div>
                    </div>
                                    
                </div>
            </div>
            
            <!-- End Logo line -->
            
            <div id="da-header-bottom">
                <!-- Container -->
                <div class="da-container clearfix">
                
                	<!-- Search
                	<div id="da-search">
                    	<form>
                        	<input type="text" placeholder="Search..." />
                        </form>
                    </div> -->
                	
                    <!-- Breadcrumbs -->
                    <div id="da-breadcrumb">
                        <ul>
                            #{view.breadcrumb.li}
                        </ul>
                    </div>
                    
                </div>
            </div>
            
            <!-- End Breadcrumb Line -->
            
        </div>
        
        <!-- End Header Site -->
    
        <!-- Content -->
        <div id="da-content">
            
            <!-- Container -->
            <div class="da-container clearfix">
                
	            <!-- Sidebar Separator do not remove -->
                <div id="da-sidebar-separator"></div>
                
                <!-- Sidebar -->
                <div id="da-sidebar">
                
                    <!-- Main Navigation -->
                    <div id="da-main-nav" class="da-button-container">
                        <ul>
                            #{view.menu.li}
                        </ul>
                    </div>
                    
                </div>
                
                <!-- Main Content Wrapper -->
                <div id="da-content-wrap" class="clearfix">
                
                	<!-- Content Area -->
                	<div id="da-content-area">
                    	
                    	#{view.content}
                    	
                    </div>
                    
                </div>
                
            </div>
            
        </div>
        
        <!-- Footer -->
        <div id="da-footer">
        	<div class="da-container clearfix">
            	<p>#{view.footer}</p>
            </div>
        </div>
        
    </div>
    
</body>

</html>
